<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Welcome</title>
<link rel="stylesheet" type="text/css" href="index.css" />
<script type="text/javascript" src="js/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.dimensions.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.gradient.min.js"></script>
<script type="text/javascript">
	
 $(function(){
 		$('body').height($(document).height());
    
        // initialize scrollable
        $(".scrollable").scrollable({
            circular: true,
            mousewheel: true
        }).navigator().autoscroll({
            interval: 9000
        });
		
		
        /*
$('#body').gradient({
            from: '400028',
            to: '5D003A',
            direction: 'horizontal'
        });
*/
        
    });

	
</script> 
</head>
<body id="body">
<div id="allPage" align="center">
	<div id="contentPageHeader">
		<div id="contentPageHeaderMenu" align="left">
			<div class="HeaderMenuName" id="HeadeBarL"></div>
			<span>
				<!--<img src="image/logo_2.png">-->				
			</span>	
			<div class="HeaderMenuNameLogo" style="">
				<img src="/image/logo3.png">
			</div>
			<div class="HeaderMenuName">
				<a href="">
					<font class="menu-font">SERVICES</font> 
				</a>
			</div>
			<div class="HeaderMenuName">
				<a href="">
					<font class="menu-font">Expertise</font>
				</a>
			</div>
			<div class="HeaderMenuName">
				<a href="">
					<font class="menu-font">Contacts</font>
				</a>
			</div>
			<div class="HeaderMenuName">
				<a href="">
					<font class="menu-font">Quote Request</font>
				</a>
			</div>
			<div class="HeaderMenuEmail">
				<a href="mailto:info@webiatech.com" >
					<img alt="email to us" src="image/email_48x35.png"   width="20px" height="15px">
				</a>	 
			</div>
			<span></span>
		</div>
	</div>	
	
	<div id="contentPageUnderHeader"></div>	
	
	<div id="contentPageBody">
		<div align="center" class="top">			
			<!--<img src="/image/welcome1.png" >-->
			
			<div id="ScrolBody">
				<!-- "previous page" action -->
				<a class="prev browse left"></a>
				<!-- root element for scrollable -->
				<div class="scrollable">   
				   
				   <!-- root element for the items -->
				   <div class="items">
				   
				      <!-- Slide 1 -->
				      <div>
				         <div class="scrolItem">
				         	<div class="wrapper">
							    <div class="left_column" align="center">
							        <div class="ScrolText">
							        	<div class="ScrolTextTitle" align="center">Services</div>
										<div class="ScrolTextBody">
											As it is well known, in order to be successful in business, you should be one step ahead by applying efficient innovative IT solutions. Thus, to satisfy these business needs you must establish beneficial relationships with reliable IT partners. WebiaTech's mission is to provide flexible solutions for demanding customers. We offer wide range of high-quality IT services containing almost everything you need for modern dynamic business.
											<a href="#" > Learn more.</a>
										</div>
							        </div>
							    </div>							    
							    <div class="right_column">
							        <img src="http://www.ukrgallery.com.ua/lviv/image/lviv_61.jpg" width="500px" height=390px>
							    </div>
							    <hr/>
							</div>				         	
				         </div>
						 
				      </div>
				      
				      <!-- Slide 2 -->
				      <div>
				         <div>
				         	<img src="http://www.lvivrem.org.ua/title.jpg" width="900px" height=390px>
				         </div>
				      </div>
				      
				      <!-- Slide 3 -->
				      <div>
				         <div>
				         	<img src="http://www.rost.lviv.ua/photos/lviv-night-13.jpg" width="900px" height=390px>
				         </div>
				      </div>
				      
				   </div>
				   
				</div>
				
				<!-- "next page" action -->
				<a class="next browse right"></a>
				
				<div class="navi">
					<a href="0" class="active"/>
					<a href="1" class=""/>
					<a href="2" class=""/>
				</div>
			</div>
			
		</div>
		
	</div>		
		
		
</div>
</body>
</html>